﻿@charset "UTF-8";

html, body {
    height: 100%;
    /*background: transparent; !*透明*!  */
    /* background:#f6f8f9; */
}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
    padding: 0;
    margin: 0;
}

article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block;}

body {
    font: 12px/1.5 'PingFangSC', 'helvetica neue', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', 'sans-serif';
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    /*overflow: hidden;*/
}
input, button, select, textarea {vertical-align: middle;/*把此元素放置在父元素的中部。*/outline: none /*边框样式*/ }
input, select, textarea {font: 12px/1.5 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1';border: 1px solid #f5f5f5;border-radius: 4px;}
i, cite, em {font-style: normal;}
td, th, div, p, span {word-break: break-all;/*允许在单词内换行*/ word-wrap: break-word;/*在长单词或 URL 地址内部进行换行。*/  }

/*列表样式*/
ul, dl, ol, li {list-style: none;margin: 0;padding: 0;}
table {border-collapse: collapse;}

hr {border: none;height: 1px;}
img {border: none;}
label {display: inline-block; font-weight: normal;}

a {text-decoration: none;outline: none;}
a:link, a:visited, a:hover, a:active {text-decoration: none;outline: none;}

/*单行文本时 文字超出，超出部分用省略号显示*/
.textOver {overflow: hidden;text-overflow:ellipsis; white-space: nowrap; }
/*多行文本超出(3行)*/
.textOverMore{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/*div内元素居中*/
.center{ display: flex;align-items: center; justify-content: center;}

/*文本对齐方式*/
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}

/*设置浮动的元素 的父级标签加class名字clearfix用以清除父级浮动*/
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { *zoom: 1; }
.fl {float: left; }
.fr { float: right; }

/*隐藏与隐藏*/
.hide {display: none; }
.show { display: block; }

/*过渡效果持续 5 秒*/
.animate {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition: .5s;
    transition-duration: .5s;
}

